<template>
	<view class="page-cont">
		<navbar title="用电明细"></navbar>
		<view class="main-cont" :style="{height: pageHeight, paddingLeft: sysStatusBarHeight}">
			<check-calendar ref="calendar"></check-calendar>
		</view>
	</view>
</template>
<script setup lang="ts">
	import { reactive, ref, onMounted } from 'vue';
	import { onShow, onLoad } from "@dcloudio/uni-app";
	import { useNavbar } from "@/utils/hooks.js";
	import CheckCalendar from './components/check-calendar.vue';
	const { pageHeight, sysStatusBarHeight } = useNavbar();
	import { useEnergyCheck } from '@/store/energy-check'
	
	//用电明细
	const calendar = ref();
	
	const energyCheck = useEnergyCheck()

	onMounted(() => {
		calendar.value.initCalendar(energyCheck.data[energyCheck.key]);
	})
</script>
<style lang="scss" scoped>
	.page-cont {
		.main-cont {
			padding: 10px;
			box-sizing: border-box;
			overflow: hidden;
			overflow-y: auto;
		}
	}
</style>